<template>
    <div class="infoContainer">
        <!-- 标题区域 -->
        <div class="title">很美的落地大书柜 可以放超多的图书的吧</div>
        <p class="subtitle">
            <span>发表时间:2018-11-03 11:12:56</span>
            <span>点击次数:0次</span>
        </p>
        <hr>
        <!-- 缩略图区域 -->
        <img class="preview-img"  src="item.src" height="100" @click="$preview.open(index, list)">
 

        <!-- 底部内容区域 -->
        <div class="content">
            很美的落地大书柜,可以放超多的图书的吧,转角的书柜以及书桌,这是可以收纳超多的东西,这些书柜书桌是"七彩人生"品,双暑书柜组合书柜儿童书柜;
        </div>

        <!-- 评论子组件 -->
        <cmt></cmt>
    </div>
</template>

<script>
    //引入评论子组件
    import cmt from '../subcomponents/comment.vue'

    export default{
        data(){

        },
        components:{//注册评论子组件
           cmt
        }
    }
</script>

<style lang="less" scoped>
   .infoContainer{
       padding: 5px;
       .title{
           font-size:15px;
           text-align: center;
           color:blue;
       }
       .subtitle{
           display:flex;
           justify-content: space-between;
           span{
              font-size:13px;
              line-height: 80px;
           }
       }
       .content{
           font-size:13px;
           color:black;
       }
   }
</style>
